<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单中心</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/rest.css" />
		<link rel="stylesheet" type="text/css" href="css/chakan.css" />
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<style>
			table {
				width: 100%;
				margin-top: 10px;
				border-collapse: collapse;
			}
			
			.table01 {
				border: 1px solid #ddd;
			}
			/*tr,td,th{
				border:1px solid #ddd;
				
			}*/
			
			tr {
				height: 35px;
			}
			tr:hover{
				background:#eee;
			}
			td,
			th {
				padding-left: 10px;
			}
			
			.btn_a {
				padding: 0;
				font-size: 12px;
			}
			
			.del {
				cursor: pointer;
			}
			
			.inp02 {
				padding: 5px 10px;
				border: 1px solid #ddd;
				margin-top: 10px;
			}
			
			.btn01 {
				border: 0;
				background: none;
				padding: 5px 15px;
				background: #187FDE;
				color: #fff;
			}
			.img-a{
				width: 280px;
				height: auto;
				overflow: hidden;
			}
			
			.img-a img {
				margin-top:5px;
				margin-right: 5px;
				width: 80px;
				height: 80px;
				overflow: hidden;
			}
			
		</style>
	</head>

	<body>
		<div class="container-fluid" style="margin-top:10px;">
			<div>
				<input type="text" class="inp02" placeholder="请输入订单号" /><button class="btn01" /> 搜索</button>
			</div>
			<table border="1" class="table01 table">
				<tr class="info">
					<th>订单号</th>
					<th>开团人名称</th>
					<th>开团时间</th>
					<th>收货地址</th>
					<th>总金额</th>
					<th>开团人数</th>
					<th>成团状态</th>
					<th>操作</th>
				</tr>

				<tr>
					<td>2016112155944</td>
					<td>大帅锅</td>
					<td>2016-11-21 18:25</td>
					<td>山东省临沂市兰山区</td>
					<td>100.00</td>
					<td>100/80</td>
					<td>是</td>
					<td>
						<a href="zutuanxiangxi.html" title="">查看详细</a>
					</td>
				</tr>

				<tr>
					<td>2016112155944</td>
					<td>大帅锅</td>
					<td>2016-11-21 18:25</td>
					<td>山东省临沂市兰山区</td>
					<td>100.00</td>
					<td>100/80</td>
					<td>是</td>
					<td>
						<a href="zutuanxiangxi.html" title="">查看详细</a>
					</td>
				</tr>

				<tr>
					<td>2016112155944</td>
					<td>大帅锅</td>
					<td>2016-11-21 18:25</td>
					<td>山东省临沂市兰山区</td>
					<td>100.00</td>
					<td>100/80</td>
					<td>是</td>
					<td>
						<a href="zutuanxiangxi.html" title="">查看详细</a>
					</td>
				</tr>
			</table>
		</div>
	</body>

</html>